$(function(){
	//获取所有图片作为对象
	var times=$('.timeline').find('img');

	//给所有图片加上索引
	for (var i =  0; i < times.length; i++) {
		times.eq(i).attr('ind',i);
	}
	//当前图片索引
	var picInd=0;

	// 显示大图
	$('.timeline-body img').click(function(){
		//获取当前图片ind
		picInd=$(this).attr('ind');
		//打开第一张或者最后一张的时候左右按钮对应隐藏
		if(picInd==0){
			$('.leftBtn').css({'display':'none'});
		}else if(picInd==times.length-1){
			$('.rightBtn').css({'display':'none'});
		}

		var picSrc=$(this).attr('src');
		$('.showPic').css({'display':'block'});
		$('.showPic img').attr('src',picSrc);
		
	});
	// 关闭
	$('.closeBtn').click(function(){
		$('.showPic').css({'display':'none'});
	})

	// 点击显示下一张
	$('.showPic .rightBtn').click(function(){
		$('.leftBtn').css({'display':'block'});
		picInd++;
		if(picInd==times.length-1){
			$('.rightBtn').css({'display':'none'});
		}
		
		//获取下一张图片的src属性
		var srcData=times.eq(picInd).attr('src');
		//设置当前的大图的src属性
		$('.showPic img').attr('src',srcData);
	})


	// 点击显示上一张
	$('.showPic .leftBtn').click(function(){
		$('.rightBtn').css({'display':'block'});
		picInd--;
		if(picInd==0){
			$('.leftBtn').css({'display':'none'});
		}
		
		//获取下一张图片的src属性
		var srcData=times.eq(picInd).attr('src');
		//设置当前的大图的src属性
		$('.showPic img').attr('src',srcData);
	})
})